<%@ page language="java" pageEncoding="UTF-8"%>
<script type="text/javascript">
	var courseDatagrid;
	$(function() {
		courseDatagrid = $('#student_courseList_datagrid').datagrid({
			url : '${pageContext.request.contextPath}/courseAction!queryCourse.action',
			fit : true,
			fitColumns : true,
			border : false,
			pagination : true,
			idField : 'id',
			pageSize : 10,
			pageList : [ 10, 20 ],
			sortName : 'courseName',
			sortOrder : 'asc',
			checkOnSelect : true,
			selectOnCheck : true,
			singleSelect : true,
			striped : true,
			columns : [ [ {
				field : 'id',
				title : '编号',
				width : 80,
				checkbox : true
			}, {
				field : 'courseName',
				title : '课程名称',
				width : 80,
				align : 'center',
				sortable : true
			}, {
				field : 'courseNo',
				title : '课程编号',
				width : 80,
				align : 'center'
			}, {
				field : 'courseHour',
				title : '课时',
				width : 100,
				align : 'center'
			}, {
				field : 'teacherName',
				title : '授课老师',
				width : 100,
				align : 'center'
			}, {
				field : 'memo',
				title : '备注',
				width : 150,
				align : 'center'
			} ] ],
			toolbar : [ {
				text : '查询',
				iconCls : 'icon-search',
				handler : function() {
					queryCourse();
				}
			}, '-', {
				text : '增加',
				iconCls : 'icon-add',
				handler : function() {
					addCourse();
				}
			}, '-', {
				text : '修改',
				iconCls : 'icon-edit',
				handler : function() {
					editCourse();
				}
			}, '-', {
				text : '删除',
				iconCls : 'icon-remove',
				handler : function() {
					removeCourse();
				}
			} ]
		});
		
		$('.datagrid-header div').css({
			'textAlign' : 'center'
		});

		function queryCourse() {
			$('#student_courseList_queryForm input').val('');
			$('#student_courseList_queryDialog').dialog('open');
		}

		function addCourse() {
			$('#student_courseAdd_addCourseForm input').val('');
			var dlg = $('<div style="padding:10px 30px;" />').dialog({
				width : 500,
				height : 300,
				href : '${pageContext.request.contextPath}/pages/student/courseAdd.jsp',
				modal : true,
				title : '课程新增',
				buttons : [ {
					text : '保存',
					handler : function() {
						$('#student_courseAdd_addCourseForm').form('submit', {
							url : '${pageContext.request.contextPath}/courseAction!addCourse.action',
							success : function(r) {
								var obj = jQuery.parseJSON(r);
								if (obj.success) {
									courseDatagrid.datagrid('insertRow', {
										index : 0,
										row : obj.obj
									});
									dlg.dialog('close');
									$.messager.show({
										title : '提示',
										msg : obj.msg
									});
								} else {
									$.messager.alert('提示', obj.msg);
								}
							}
						});
					}
				}, {
					text : '取消',
					handler : function() {
						$('#student_courseAdd_addCourseForm input').val('');
						dlg.dialog('close');
					}
				} ],
				onClose : function() {
					$(this).dialog('destroy');
				}
			});
		}

		function editCourse() {
			var rows = courseDatagrid.datagrid('getChecked');
			if (rows.length == 1) {
				var dlg = $('<div style="padding:10px 30px;" />').dialog({
					width : 500,
					height : 300,
					href : '${pageContext.request.contextPath}/pages/student/courseEdit.jsp',
					modal : true,
					title : '课程编辑',
					buttons : [ {
						text : '保存',
						handler : function() {
							$('#student_courseEdit_editCourseForm').form('submit', {
								url : '${pageContext.request.contextPath}/courseAction!editCourse.action',
								success : function(r) {
									var obj = jQuery.parseJSON(r);
									if (obj.success) {
										dlg.dialog('close');
										courseDatagrid.datagrid('updateRow', {
											index : courseDatagrid.datagrid('getRowIndex', rows[0].id),
											row : obj.obj
										});
										$.messager.show({
											title : '提示',
											msg : obj.msg
										});
									} else {
										$.messager.alert('提示', obj.msg);
									}
								}
							});
						}
					}, {
						text : '取消',
						handler : function() {
							dlg.dialog('close');
						}
					} ],
					onClose : function() {
						$(this).dialog('destroy');
					},
					onLoad : function() {
						$('#student_courseEdit_editCourseForm').form('load', rows[0]);
						$('#student_courseEdit_editCourseForm input[name=id]').val(rows[0].id);
					}
				});
			} else {
				$.messager.alert('提示', '一次只能修改一条数据！');
			}
		}

		function removeCourse() {
			var rows = courseDatagrid.datagrid('getChecked');
			var ids = [];
			if (rows.length > 0) {
				$.messager.confirm('确认', '确定要删除选择的数据吗？', function(r) {
					if (r) {
						for ( var i = 0; i < rows.length; i++) {
							ids.push(rows[i].id);
						}
						$.ajax({
							url : '${pageContext.request.contextPath}/courseAction!removeCourse.action',
							data : {
								ids : ids.join(',')
							},
							dataType : 'json',
							success : function(r) {
								courseDatagrid.datagrid('load');
								courseDatagrid.datagrid('unselectAll');
								$.messager.show({
									title : '提示',
									msg : r.msg,
								});
							}
						});
					}
				});
			} else {
				$.messager.alert('提示', '请选择要删除的记录！');
			}
		}

	});
</script>
<div id="student_courseList_layout" class="easyui-layout" data-options="fit:true,border:false">
	<div data-options="region:'center',border:false">
		<table id="student_courseList_datagrid"></table>
	</div>
</div>
<div id="student_courseList_queryDialog" class="easyui-dialog" data-options="title:'学生查询',closed:true,modal:true,
			buttons:[{
				text : '查询',
				handler : function(){
					$('#student_courseList_datagrid').datagrid('load', serializeObject($('#student_courseList_queryForm')));
				    $('#student_courseList_queryDialog').dialog('close');
				}
			},{
				text : '清空',
				handler : function(){
					$('#student_courseList_queryForm input').val('');
				}
			}]" style="width:400px;height:180px;padding:20px 20px;" align="center">
	<form id="student_courseList_queryForm" method="post">
		<table>
			<tr>
				<td style="text-align: right;">课程名称：</td>
				<td><input name="courseName" style="width: 240px;" /></td>
			</tr>
			<tr>
				<td style="text-align: right;">授课老师：</td>
				<td><input name="teacherName" style="width: 240px;"/></td>
			</tr>
		</table>
	</form>
</div>